window.addEventListener('load', function () {
    
    let navbar = document.querySelector('.navbar')
    let navbar_hid = document.querySelector('.navbar_hid')
    let navbar_img = document.querySelector('.navbar_img')
    let navbar_img1 = document.querySelector('.navbar_img1')
    let navbarTop = navbar.offsetTop
    let navbar_a = document.querySelector('.navbar_a')
    navbar.addEventListener('mouseover', function () {
        navbar_hid.style.display = 'block'
        navbar_img1.style.display = "block"
        navbar_img.style.display = 'none'
        navbar_a.style.  backgroundColor = '#313639' 

    })
    navbar.addEventListener('mouseleave', function () {
        navbar_hid.style.display = 'none'
        navbar_img.style.display = "block"
        navbar_img1.style.display = 'none'
        navbar_a.style.  backgroundColor = '' 
    })
})